<template>
<div>
    1234
</div>
  <!-- <div class="block">
    <span class="demonstration">Default</span>
    <el-date-picker
      v-model="value1"
      type="datetime"
      placeholder="Select date and time"
    >
    </el-date-picker>
  </div>
  <div class="block">
    <span class="demonstration">With shortcuts</span>
    <el-date-picker
      v-model="value2"
      type="datetime"
      placeholder="Select date and time"
      :shortcuts="shortcuts"
    >
    </el-date-picker>
  </div>
  <div class="block">
    <span class="demonstration">With default time</span>
    <el-date-picker
      v-model="value3"
      type="datetime"
      placeholder="Select date and time"
      :default-time="defaultTime"
    >
    </el-date-picker>
  </div> -->
</template>


<script lang="ts">

// import { defineComponent, reactive, toRefs } from 'vue'

// export default defineComponent({
//   setup() {
//     const state = reactive({
//       shortcuts: [
//         {
//           text: 'Today',
//           value: new Date(),
//         },
//         {
//           text: 'Yesterday',
//           value: () => {
//             const date = new Date()
//             date.setTime(date.getTime() - 3600 * 1000 * 24)
//             return date
//           },
//         },
//         {
//           text: 'A week ago',
//           value: () => {
//             const date = new Date()
//             date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
//             return date
//           },
//         },
//       ],
//       value1: '',
//       value2: '',
//       value3: '',
//       defaultTime: new Date(2000, 1, 1, 12, 0, 0), // '12:00:00'
//     })

//     return toRefs(state)
//   },
//})

</script>